<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<div class="col-md-8" id="five">

</div>
<script>
$(function(){
	$.post('/DJSBlog/blog/randomList',{},function(res){$('#five').html(res.blogs);});
	setInterval("change()", 10000);
});
function change(){
	$.post('/DJSBlog/blog/randomList',{},function(res){
		$('#five').animate({opacity: 'toggle'}, "slow",function(){
			$('#five').html(res.blogs);
			$('#five').append(res.foot);
		});
		$('#five').animate({opacity: 'toggle'}, "slow");
	},'json');
}
</script>